<template>
	<view>
		<image class="block succ" src="http://tuozhen1.oss-cn-beijing.aliyuncs.com/ueditor/upload/weixin/images/succ.png"></image>
		<view class="ft17 ftc bold">支付成功</view>
		<view class="c666 ftc mt30 pt20">支付成功，您的订单已发送至药房，</view>
		<!-- <block>
			<view class="c666 ftc mt10">请等待配送员为您配送</view>
			<view class="ft17 c74a6fd ftc index">返回首页</view>
		</block> -->
		<block>
			<view class="ftc mt15">是否立即导航到药店取药？</view>
			<view class="ft17 cfff ftc cancel">先不去</view>
			<view class="ft17 c74a6fd ftc index">开始导航</view>
		</block>

		<view class="win flex flex-ac flex-pc" v-if="winstate">
			<view class="wincon bgfff flex flex-ac flex-pc">
				<image class="ques mr30" src="http://tuozhen1.oss-cn-beijing.aliyuncs.com/ueditor/upload/weixin/images/ques2.png"></image>
				<view class="pl10 box">
					<view class="cfff bold ft16 ftc">处方已移至个人中心</view>
					<view class="cfff mt15 ft12">可在个人中心选择处方点击</view>
					<view class="cfff mt15 ft12">导航到店</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			winstate: false
		};
	},
	onLoad() {},
	onShow() {},
	methods: {
		showwinstate() {
			this.winstate = true;
			setTimeout(() => {
				this.winstate = false;
			}, 2000);
		}
	}
};
</script>

<style lang="less">
image.succ{
	margin: 20% auto 8%;
	width: 255rpx;
	height: 245rpx;
}
.cancel,
.index {
	margin: 0 auto;
	position: fixed;
	left: 40rpx;
	bottom: 45rpx;
	width: 660rpx;
	line-height: 100rpx;
	border: 1rpx solid #74a6fd;
	border-radius: 10rpx;
}
.cancel {
	bottom: 180rpx;
	background: #74a6fd;
}
	.win{
		position: fixed;
		width: 100%;
		height: 100vh;
		left: 0;
		top: 0;
		
		.wincon{
			width: 480rpx;
			height: 225rpx;
			background: rgba(0,0,0,0.8);
			
			.ques{
				width: 63rpx;
				height: 63rpx;
			}
		}
	}
</style>
